---
title: Migra un proyecto existente a Astro
description: Algunos consejos y trucos para convertir tu proyecto a Astro.
i18nReady: true
---
import MigrationGuidesNav from '~/components/MigrationGuidesNav.astro';

**¿Listo para convertir tu proyecto a Astro?** Consulta una de nuestras guías para obtener consejos de migración.

## Guías de migración

<MigrationGuidesNav />

Ten en cuenta que muchas de estas páginas son **colecciones**: ¡son colecciones de recursos que esperan tu contribución!

## ¿Por qué migrar tu proyecto a Astro?

Astro ofrece muchos beneficios: rendimiento, simplicidad y muchas de las funciones que deseas integrar directamente en el framework. Cuando necesites ampliar tu proyecto, Astro proporciona varias [integraciones comunitarias, oficiales y de terceros](https://astro.build/integrations).

¡Migrar puede ser menos trabajo de lo que piensas!

Dependiendo de tu proyecto, es posible que puedas reusar el existente:

- [Componentes de framework](/es/guides/framework-components/) directamente en Astro.

- [Hojas de estilo CSS o bibliotecas](/es/guides/styling/) incluyendo Tailwind.

- [Archivos Markdown/MDX](/es/guides/markdown-content/), configurado usando tus [plugins de remark y rehype](/es/guides/markdown-content/#configuración-de-markdown-y-mdx).

- [Contenido de una CMS](/es/guides/cms/) a través de una integración o API.

## ¿Qué proyectos puedo convertir a Astro?

[Muchos proyectos existentes se pueden construir con Astro](/es/concepts/why-astro/). Astro es ideal para tus proyectos basados en contenido, como blogs, páginas landing, sitios de marketing y portafolios. Astro se integra con varios headless CMSs populares y te permite conectar carritos de compras de eCommerce.

Astro te permite elegir entre un proyecto generado estáticamente y [en el servidor (SSR)](/es/guides/server-side-rendering/), lo que lo convierte en un excelente reemplazo para los SSG o para los proyectos que necesitan obtener algunos datos de la página al vuelo.

## ¿Cómo cambiará el diseño de mi proyecto?

Dependiendo de tu proyecto, es posible que debas pensar de manera diferente acerca de:

- Diseño con [Islas de Astro](/es/concepts/islands/#qué-es-una-isla) para evitar enviar JavaScript innecesario al navegador.

- Proporcionar interactividad del lado del cliente con [etiquetas `<script>`](/es/guides/client-side-scripts/) o [componentes de framework](/es/guides/framework-components/) .

- Administrar el [estado compartido](/es/recipes/sharing-state-islands/) con Nano Stores o almacenamiento local en lugar de hooks o contextos para toda la aplicación.
